<html>
<head>
<title>T1 - 30 Fields</title>
<style>
legend {
font-size: x-large;
}
td {
font-size: larger;
}
input {
font-size: medium;
}
</style>
</head>
<body align="center">
<h1>Task 1 - 30 Fields</h1>
<form>
<table align="center" cellpadding="10">
<tr>
<td>
<fieldset>
<legend>Personal Information</legend>
<table cellpadding="4">
<tr>
<td>First Name:</td>
<td><input type="text" name="firstname" placeholder="First Name" required></td>
</tr>
<tr>
<td>Last Name:</td>
<td><input type="text" name="lastname" placeholder="Last Name" required></td>
</tr>
<tr>
<td>Email:</td>
<td><input type="email" name="email" placeholder="Email" required></td>
</tr>
<tr>
<td>Phone No.:</td>
<td><input type="tel" name="phone" placeholder="Phone Number"></td>
</tr>
<tr>
<td>DOB:</td>
<td><input type="date" name="dob"></td>
</tr>
<tr>
<td>Gender:</td>
<td>
<input type="radio" name="gender" value="male"> Male
<input type="radio" name="gender" value="female"> Female
</td>
</tr>
<tr>
<td>Age:</td>
<td><input type="number" name="age" placeholder="Age"></td>
</tr>
<tr>
<td>Website:</td>
<td><input type="url" name="website" placeholder="Website"></td>
</tr>
<tr>
<td>Password:</td>
<td><input type="password" name="password" placeholder="Password"></td>
</tr>
<tr>
<td>Favourite Color:</td>
<td><input type="color" name="color"></td>
</tr>
</table>
</fieldset>
</td>
</tr>
<tr>
<td>
<fieldset>
<legend>Address</legend>
<table cellpadding="4">
<tr>
<td>Address:</td>
<td><textarea name="address" rows="4" cols="50" maxlength="20" placeholder="Address">
</textarea></td>
</tr>
<tr>
<td>City:</td>
<td><input type="text" name="city" placeholder="City"></td>
</tr>
<tr>
<td>State:</td>
<td><input type="text" name="state" placeholder="State"></td>
</tr>
<tr>
<td>Pincode:</td>
<td><input type="text" name="pincode" placeholder="Pin Code"></td>
</tr>
<tr>
<td>Country:</td>
<td><input type="text" name="country" placeholder="Country"></td>
</tr>
<tr>
<td>Residence Type:</td>
<td>
<input type="radio" name="residence_type" value="own"> Own
<input type="radio" name="residence_type" value="rent"> Rent
</td>
</tr>
</table>
</fieldset>
</td>
</tr>
<tr>
<td>
<fieldset>
<legend>Preferences</legend>
<table cellpadding="4">
<tr>
<td><input type="checkbox" name="newsletter">Wanna Get Updated</td>
</tr>
<tr>
<td>Operating System you are using:</td>
<td>
<select nam /e="os">
<option value="windows">Windows</option>
<option value="mac">Mac</option>
<option value="linux">Linux</option>
</select>
</td>
</tr>
<tr>
<td>Interests:</td>
<td>
<input type="checkbox" name="interests" value="coding"> Coding
<input type="checkbox" name="interests" value="music"> Music
<input type="checkbox" name="interests" value="sports"> Sports
</td>
</tr>
<tr>
<td>Preferred Contact Time:</td>
<td>
<input type="radio" name="contact-time" value="morning"> Morning
<input type="radio" name="contact-time" value="afternoon"> Afternoon
<input type="radio" name="contact-time" value="evening"> Evening
</td>
</tr>
</table>
</fieldset>
</td>
</tr>
<tr>
<td>
<fieldset>
<legend>Additional Information</legend>
<table cellpadding="4">
<tr>
<td>Comments:</td>
<td><textarea name="comments" rows="4" cols="50" placeholder="Comments"></textarea></td>
</tr>
<tr>
<td>Rating:</td>
<td><input type="range" name="rating" min="1" max="5"></td>
</tr>
<tr>
<td>Upload Photo:</td>
<td><input type="file" name="file"></td>
</tr>
<tr>
<td>Search:</td>
<td><input type="search" name="search" placeholder="Search"></td>
</tr>
<tr>
<td>Job Title:</td>
<td><input type="text" name="job_title" placeholder="Job Title"></td>
</tr>
<tr>
<td>Company:</td>
<td><input type="text" name="company" placeholder="Company"></td>
</tr>
<tr>
<td>B.Tech Branch Preference:</td>
<td>
<select name="btech_branch">
<option value="computer_science">Computer Science</option>
<option value="electronics">Electronics</option>
<option value="mechanical">Mechanical</option>
<option value="civil">Civil</option>
</select>
</td>
</tr>
<tr>
<td>Course Duration:</td>
<td><input type="text" name="course_duration" placeholder="Course Duration"></td>
</tr>
<tr>
<td>Graduation Year:</td>
<td><input type="number" name="graduation_year" placeholder="Graduation Year"></td>
</tr>
</table>
</fieldset>
</td>
</tr>
<tr>
<td align="center"><input type="submit" value="Submit"></td>
</tr>
</table>
</form>
</body>
</html>